
/* Splitter */
.x-splitter {		
	z-index: 100;
	overflow: hidden;
	position: absolute;
}

.x-splitter-handle {
	position: absolute;
	overflow: hidden;
	width: 35px;
	height: 6px;
	
	top: 50%;
	left: 50%;
	margin-left: -17px;
	margin-top: -3px;
	
	background: center 0  no-repeat;
	opacity: 0.5;
	cursor: pointer;
	outline: none;
	_margin-top: -2px;
	filter: alpha(opacity=50);
	
}

a.x-splitter-handle:hover{
	filter: alpha(opacity=100);
	opacity:1;
}

.x-splitter-left, .x-splitter-right {
	cursor: e-resize;
	cursor: col-resize;
	width: 6px;
	height: 100%;
	top: 0;
}

.x-splitter-top, .x-splitter-bottom {
	cursor:n-resize;
	cursor: row-resize;
	width: 100%;
	height: 6px;
	left: 0;
}

.x-splitter-left .x-splitter-handle, .x-splitter-right .x-splitter-handle {
	width: 6px;
	height: 35px;
	margin-left: -3px;
	_margin-left: -2px;
	margin-top: -17px;
	background-position: 0 center;
}

.x-splitter-proxy {
	background: none repeat scroll 0 0 #CCCCCC;
	border: #C0C0C0 solid 1px;
}